.flex{
    display: flex;
}
.flex-1{
    flex: 1;
}
.flex-c{
    flex-direction: column;
}
.flex-sb{
   justify-content: space-between;
}
.flex-cs{
    align-items: center;
}
div{
    box-sizing: border-box;
}
/* 滚动条 */
::-webkit-scrollbar {
    width: 8px;
    height: 5px;
    position: absolute;
    z-index: 9;
    // display: none;
    /* background-color: ; */
}
/*定义滚动条轨道 内阴影+圆角*/
::-webkit-scrollbar-track {
    // -webkit-box-shadow: inset 0 0 6px #0e2b59;
    border-radius: 5px;
    background-color: transparent;
}
/*定义滑块 内阴影+圆角*/
::-webkit-scrollbar-thumb {
    border-radius: 5px;
    -webkit-box-shadow: inset 0 0 6px #308ce9;
    background-color: #308ce9;
}



/* Firefox浏览器的滚动条宽度和高度 */
// scrollbar {
//     width: 10px;
//     height: 10px;
// }
// /* Firefox */
// .scrollbar {
//     scrollbar-width: thin;
//     scrollbar-color: #ccc rgba(0, 0, 0, 0.3);
// }
 
// /* Newer versions of Firefox */
// .scrollbar::-moz-scrollbar-thumb {
//     background-color: #ccc;
//     box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.3);
// }
/* Firefox浏览器滚动条滑块的阴影效果 */
// scrollbar-thumb {
//     box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
// }